import React, { Component } from 'react';

import { Flex } from 'antd-mobile';
import 'antd-mobile/lib/flex/style/index.css';

import Slide from '../components/slide';

import '../static/styles/detail.css';

class Cart extends Component {

    render() {
        return (
            <div>
                <Slide />
                <Flex direction="column" justify="start" align="start" className="detail-info">
                    <Flex.Item className="detail-info-title">冰糖翠冠梨 2个(单果约250g)/每份</Flex.Item>
                    <Flex justify="around" className="detail-info-sales">
                        <Flex.Item className="price">￥8.89</Flex.Item>
                        <Flex.Item className="sales">已售172份</Flex.Item>
                    </Flex>
                </Flex>
            </div>
        );
    }
}

export default Cart;
